<template>
  <div class="demo-container">
    <div class="title">taro element-ui <br> table 演示</div>
    <button class="btn" @tap="jumpTable">表格</button>
  </div>
</template>

<script>
export default {
  name: "Index",
  methods: {
    jumpTable() {
      window.location.href = "/pages/table/table";
    }
  }
};
</script>

<style lang="less">
.demo-container{
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  .title{
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    color: #333;
  }
  .btn{
    margin-top: 300px;
    width: 60%;
    height: 1.75rem;
    line-height: 1.75rem;
    background: #ffe629;
    color: #000;
    letter-spacing: 1px;
  }
}
</style>
